::v-deep .el-input__inner {
  background: @primaryHeaderBgcolor;
  border: 1px solid @primaryBorderColor;
  color: @primaryContentTxt !important;
}

//  input禁用
::v-deep .el-input.is-disabled .el-input__inner {
  border-color: @primaryBorderColor;
  background-color: @primaryHeaderBgcolor;
}

::v-deep .el-form-item.is-error .el-input__inner {
  border-color: #f56c6c !important;
}

::v-deep .el-pagination button:disabled {
  border-radius: 50%;
}

::v-deep .el-pagination .btn-prev {
  padding-right: 0px;
  min-width: 32px !important;
  height: 32px;
  padding: 0;
  border-radius: 50%;
  background: @paginationBgcolor2;
}

::v-deep .btn-prev .el-icon {
  color: #676d7d;
}

::v-deep .el-pagination .btn-next {
  padding-left: 0px;
  border-radius: 30px;
  min-width: 32px !important;
  height: 32px;
  padding: 0;
  background: @paginationBgcolor2;
}

::v-deep .btn-next .el-icon {
  color: #676d7d;
}

::v-deep .el-pager {
  border-radius: 30px;
  background: @paginationBgcolor2 !important;
  margin: 0 5px;
  height: 32px;
}

::v-deep .el-pager li {
  min-width: 32px !important;
  background: @paginationBgcolor2 !important;
  color: #b4b7bd;
  height: 32px;
  line-height: 32px;
}

::v-deep .el-pager li.active {
  color: #fff;
  border-radius: 30px;
  background: #7367f0 !important;
}

::v-deep .el-pager li:first-child {
  border-radius: 30px;
}

::v-deep .el-pager li:last-child {
  border-radius: 30px;
}

::v-deep .el-table {
  background: @primaryHeaderBgcolor;
}

// 弹出框
::v-deep .el-message-box {
  background: @primaryBgcolor !important;
}

::v-deep .el-message-box__header {
  background: @primaryBgcolor !important;
  //  border-radius: 6px 6px 0 0;
}

::v-deep .el-message-box__content {
}

// dialog 框
::v-deep .el-dialog {
  //  background: transparent;
  max-height: 90vh;
  background: @primaryBgcolor;
}

::v-deep .el-tabs--border-card {
  background: @primaryBgcolor;
}

::v-deep .el-tabs__header {
  background: @primaryBgcolor;
  border-bottom: 1px solid @primaryBorderColor;
}

::v-deep .el-card {
  background: @primaryBgcolor;
  border: 1px solid @primaryBorderColor;
}

::v-deep .el-card__header {
  border-bottom: 1px solid @primaryBorderColor;
}

::v-deep .el-tabs__header .el-tabs__item.is-active {
  background-color: @primaryBgcolor;
  border: none;
  // border-bottom: 1px solid #409eff;
}

::v-deep .el-tabs__header .el-tabs__item {
  border: none;
}

::v-deep .el-dialog__header {
  background: @primaryBgcolor;
  border-radius: 6px 6px 0 0;
  text-align: center;
  //  border-bottom: 1px solid @primaryBgcolor;
  // border-bottom: 1px solid #ccc;
}
::v-deep .el-dialog__footer {
  background: @primaryHeaderBgcolor !important;
  border-radius: 0 0 6px 6px;
}
::v-deep .el-dialog__title {
  color: @primaryThemeTxtColor2 !important;
}

::v-deep .el-dialog__close {
  color: @primaryContentTxt !important;
}

::v-deep .el-textarea__inner {
  background: @primaryHeaderBgcolor !important;
}

::v-deep .el-dialog__body {
  background: @primaryHeaderBgcolor !important;
  max-height: 100%;
  overflow: auto;
}

::v-deep .el-form-item__label {
  color: @primaryThemeTxtColor2 !important;
}

::v-deep .el-textarea__inner {
  border: 1px solid @primaryBorderColor;
}

::v-deep .el-tree-node.is-current > .el-tree-node__content {
  color: #f6f6f6 !important;
}

::v-deep .el-alert .el-alert__description {
  margin: 0;
}

// 表格样式
::v-deep .el-table tr {
  background-color: @primaryHeaderBgcolor;
  color: @primaryThemeTxtColor;
}

::v-deep .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid @primaryBorderColor2;
}

::v-deep .el-table--border::after,
.el-table--group::after,
.el-table::before {
  content: "";
  position: absolute;
  background-color: @primaryBorderColor;
  z-index: 1;
}

::v-deep .el-table tbody tr:hover > td {
  background: @primaryMenuItem !important;
}

::v-deep .el-table::before {
  background-color: transparent;
}

// 导入设备
::v-deep .el-collapse-item__header {
  background: @primaryHeaderBgcolor;
  border: none;
}

::v-deep .el-collapse-item__content {
  background: @primaryHeaderBgcolor;
}

::v-deep .el-collapse-item__wrap {
  border: none;
}

// 省市区
::v-deep .distpicker-address-wrapper select {
  // padding: 0.2rem 1.75rem;
  height: 35px;
  font-size: -1rem;
  font-size: 14px;
  line-height: 1.25;
  width: 360px;
  margin-bottom: 10px;
  background-color: @primaryHeaderBgcolor !important;
  border: 1px solid @primaryBorderColor;
  color: @primaryContentTxt !important;
}

//  按钮
::v-deep .el-button--medium {
  background: #7367f0;
  color: #fff;
  border: none;
  //  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, background 0s, border 0s, -webkit-box-shadow .15s ease-in-out;

  &:hover {
    box-shadow: 0px 0px 16px 0px ~"rgb(115 103 240 / 50%)";
    transition: box-shadow 0.3s;
  }
}

//  ::v-deep .el-button--small {
//     background: #7367f0;
//     color: #fff;
//     border: none;
//     //  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, background 0s, border 0s, -webkit-box-shadow .15s ease-in-out;

//     &:hover {
//         box-shadow: 0px 0px 16px 0px ~"rgb(115 103 240 / 50%)";
//         transition: box-shadow .3s;
//     }
// }

::v-deep .el-button--primary {
  border-color: #7367f0 !important;
  background-color: #7367f0 !important;
}

::v-deep .el-button--success {
  border-color: #3dd381 !important;
  background-color: #3dd381 !important;
}

// ::v-deep .el-button--info {
//   border-color: #8d9095 !important;
//   background-color: #8d9095 !important;
// }
::v-deep .el-button--info {
  background: @infoButtonBgColor !important;
  color: @infoButtonextColor !important;

  &:hover {
    background: @infoButtonBgColorHover !important;
    color: @infoButtonTextColorHover !important;
  }
}

::v-deep .el-button--warning {
  border-color: #ffb56e !important;
  background-color: #ffb56e !important;
}

::v-deep .el-button--danger {
  border-color: #ef7879 !important;
  background-color: #ef7879 !important;
}

::v-deep .el-pagination {
  width: 100%;
  background: @primaryHeaderBgcolor;
  border-radius: 0 0 6px 6px;
  box-sizing: border-box;
  padding: 0 20px;
}

::v-deep .el-pagination__sizes {
  flex: 1;
}

::v-deep .el-pagination__total {
  margin-left: 1%;
}

// tag
::v-deep .el-tag {
  height: 28px;
  line-height: 28px;
}

::v-deep .el-tag.el-tag--success {
  // success
  border: none;
  color: #28c76f !important;
  background-color: rgba(40, 199, 111, 0.12);
}

::v-deep .el-tag.el-tag--info {
  // info
  border: none;
  background-color: rgba(130, 134, 139, 0.12);
  color: #82868b !important;
}

::v-deep .el-tag.el-tag--warning {
  // warning
  border: none;
  background-color: rgba(255, 159, 67, 0.12);
  color: #ff9f43 !important;
}

::v-deep .el-tag.el-tag--danger {
  // danger
  border: none;
  background-color: rgba(234, 84, 85, 0.12);
  color: #ea5455 !important;
}

::v-deep .el-badge__content {
  border: none;
  background-color: #ea5455 !important;
}

::v-deep .el-drawer__body {
  background-color: @primaryHeaderBgcolor !important;
  color: @primaryThemeTxtColor !important;
}

:v-deep .el-drawer {
  //  box-shadow: 0 4px 24px 0 ~"rgb(34 41 47 / 10%)" !important;
  box-shadow: none !important;
}

::v-deep .el-drawer.rtl {
  width: 24% !important;
  //  height: calc(100% - 84px);
  height: 100%;
  top: auto;
}

::v-deep .el-textarea__inner {
  background: @primaryHeaderBgcolor !important;
  color: @primaryContentTxt !important;
}
::v-deep .el-textarea.is-disabled .el-textarea__inner {
  border: 1px solid @primaryBorderColor;
}
